@import "../../base/variables";

.tab{
  position: fixed;
  bottom:0;
  width: 100%;
  z-index: 100;
  text-align: center;
  background: #f4f4f4;
  border-top:1px solid $mainColor;
  height: 50px;
  line-height: 0;
}
.tab .iconfont{
  font-size: 24px;
  line-height: 24px;
}
.tab .wrap{
  height: 50px;
  padding-top: 6px;
}
.tab-name{
  display: inline-block;
  line-height: 14px;
  font-size: 12px;
  padding-top:24px;
  position: relative;
  width: 100%;
}
.tab-name span{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  text-align: center;
}
.tab .weui-flex__item:active{
  background: #fdfdfd;
}